<!-- 我的订单 -->
<template>
	<view class="order-list-page">
		<view class="top-tab-box" >
			<view v-for="(item, index) in  orderType == 'takeaway' ? takeawayTabs : stayTabs" :class="choosenTab == item.value ? 'tab-item-active': 'tab-item'">{{item.label}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderType: 'takeaway', //takeaway-外卖订单， stay-住宿订单
				choosenTab:0,
				takeawayTabs: [
					{label: '进行中', value: 1},
					{label: '待付款', value: 2},
					{label: '已完成', value: 3},
					{label: '售后', value: 4},
					{label: '全部', value: 0},
				], // 外卖订单tab
				stayTabs: [
					{label: '今日入住', value: 1},
					{label: '待入住', value: 2},
					{label: '已完成', value: 3},
					{label: '已取消', value: 4},
					{label: '待付款', value: 5},
					{label: '全部', value: 0},
				], // 住宿订单tab
			}
		},
		created() {
		}
		
	}
</script>

<style>
</style>